@charset "utf-8";
/* CSS Document */
/************************************************************************************
RESET
*************************************************************************************/

/* 本例子css */
.slideBox {
	width: 1100px;
	height: 368px;
	overflow: hidden;
	position: relative;
}
.slideBox .hd {
	height: 20px;
	overflow: hidden;
	position: absolute;
	right: 0px;
	bottom: 18px;
	z-index: 1;
	text-align: center;
	width: 1100px;
}
.slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
}
.slideBox .hd ul li {
	display: inline-block;
	margin: 0 4px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: url(../images/bannerpage-02.png) no-repeat center center
}
.slideBox .hd ul li {
 *display:inline;
}
.slideBox .hd ul li.on {
	background: url(../images/bannerpage.png) no-repeat center center;
	color: #fff;
}
.slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}
.slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
}
.slideBox .bd img {
	width: 1100px;
	height: 370px;
	display: block;
}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev, .slideBox .next {
	position: absolute;
	left: 3%;
	top: 50%;
	margin-top: -25px;
	display: block;
	width: 32px;
	height: 40px;
	background: url(images/slider-arrow.png) -110px 5px no-repeat;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.slideBox .next {
	left: auto;
	right: 3%;
	background-position: 8px 5px;
}
.slideBox .prev:hover, .slideBox .next:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
.slideBox .prevStop {
	display: none;
}
.slideBox .nextStop {
	display: none;
}
/*main*/
#main {
}
/*maintop*/
.maintop {
	height: 150px;
	padding: 35px 0;
}
.maintop .l {
	width: 350px;
	height: 150px;
}
.maintop .l.Solutions {
	background: url(../images/maintop.png) no-repeat top left;
}
.maintop .l.Markets {
	margin: 0 24px;
	background: url(../images/maintop2.png) no-repeat top left;
}
.maintop .l.Download {
	background: url(../images/maintop3.png) no-repeat top left;
}
.maintop .l.on {
	background-position: bottom left;
}
.maintop .l a {
	display: block;
}
.maintop h4 {
	color: #1281bb;
	font-size: 24px;
	margin: 0 18px 0 0;
	text-align: right;
	padding-right: 28px;
	font-weight: normal;
	line-height: 150px;
	background: url(../images/maintopr.png) no-repeat right center;
}
.maintop .l.on h4 {
	color: #fff;
	background: url(../images/maintopr02.png) no-repeat right center;
}
/*mainfooter*/
.mainbottom {
	height: 545px;
}
.h {
	height: 50px;
}
.h h4 {
	font-weight: normal;
	font-size: 24px;
	color: #0083d6;
	padding-left:26px;
	float: left;
	background:url(../images/h4bg.png) no-repeat 3px center;
}
a.more {
	display: block;
	float: left;
	width: 107px;
	height: 19px;
	background: url(../images/morebg.png) no-repeat left center;
	font-size: 12px;
	color: white;
	padding-left:10px;
	line-height: 19px;
	margin: 8px 0 0 10px;
}
.h a:hover {
	color: #aacce5;
}
.box1 {
	height: 300px;
	width: 725px;
	background: #fff;
}
.box1 .r {
	width: 530px;
	font-size: 14px;
	line-height: 24px;
}
.box2 {
	height: 230px;
	width: 725px;
	background: #fff;
}
/* 本例子css */
.picScroll-left {
	width: 724x;
	height: 177px;
	position: relative;
}
.picScroll-left .hd {
	overflow: hidden;
	width: 58px;
	height: 19px;
	background: #f4f4f4;
	position: absolute;
	top: -50px;
	left: 245px;
	margin-top: 8px;
}
.picScroll-left .hd .prev {
	display: block;
	width: 27px;
	height: 19px;
	float: right;
	background: url(../images/prev.png) no-repeat right center;
	cursor: pointer;
	margin-right: 2px;
}
.picScroll-left .hd .next {
	display: block;
	width: 27px;
	height: 19px;
	float: right;
	background: url(../images/next.png) no-repeat right center;
	cursor: pointer;
}
.picScroll-left .hd ul {
	float: right;
	overflow: hidden;
	zoom: 1;
	margin-top: 10px;
	zoom: 1;
}
.picScroll-left .hd ul li {
	float: left;
	width: 9px;
	height: 9px;
	overflow: hidden;
	margin-right: 5px;
	text-indent: -999px;
	cursor: pointer;
	background: url("images/icoCircle.gif") 0 -9px no-repeat;
}
.picScroll-left .hd ul li.on {
	background-position: 0 0;
}
.picScroll-left .bd ul {
	zoom: 1;
}
.picScroll-left .bd ul li {
	margin: 0 4px 0;
*margin:0 3px 0;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
	position: relative;
	width: 232px;
	height:173px;
	border:2px #ccc solid;
}
.picScroll-left .bd ul li .pic {
	text-align: center;
}
.picScroll-left .bd ul li .pic img {
	width: 232px;
	height: 140px;
	display: block;
}
.picScroll-left .bd ul li .pic a:hover img {
	border-color: #999;
}
.picScroll-left .bd ul li .title {
	display: block;
	width: 100%;
	line-height: 33px;
	height: 33px;
	background:url(../images/titlebg.png) repeat-x left top;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.picScroll-left .bd ul li .title a {
	color:#000;
	font-size:14px;
}
.mainbottom .right {
	width: 320px;
	background: url(../images/newsbg.png) repeat-x top left;
	padding: 0 15px;
}
.box3 {
	height: 305px;
	width: 290px;
	margin: 0 auto 10px;
	background: none;
	padding-bottom: 19px;
	border-bottom: 1px #dedede solid;
}
.box3 .h {
	padding-top: 15px;
}
.txtMarquee-top {
	width: 290px;
	height: 215px;
	position: relative;
}
.txtMarquee-top .hd {
	overflow:hidden;
	height:50px;
	background:none;
	position:absolute;
	top: -53px;
	right:-25px;
	zoom: 1
}
.txtMarquee-top .hd .prev, .txtMarquee-top .hd .next {
	display: block;
	width:19px;
	height:22px;
	float: right;
	margin-right:3px;
	margin-top: 10px;
	overflow: hidden;
	cursor: pointer;
	background: url(../images/down.png) no-repeat center center;
}
.txtMarquee-top .hd .prev {
	background-position:top center;	
}
.txtMarquee-top .hd .next {
	background: url(../images/up.png);
}
.txtMarquee-top .bd {
	height: 210px;
	overflow: hidden;
	*position:relative;
}
.txtMarquee-top .infoList li {
	display: inline;
	line-height: 25pz;
}
.txtMarquee-top .infoList li a {
	display: block;
	padding-bottom: 30px;
	color: #333;
}
.txtMarquee-top .infoList li .date {
	display: block;
	color: #0586d8;
	font-weight: bold;
}
.box4 {
	height: 192px;
	width: 300px;
	background: none;
	padding-left: 15px;
	padding-right: 5px;
}
.box4 .text {
	padding-left: 80px;
	background: url(../images/emailicon.png) no-repeat 12px top;
	line-height: 25px;
}
.box4 .text .lan {
	color: #0586d8;
}
/*link*/
.link {
	background: #fff;
	padding: 0 0 30px;
}
.link li {
	height: 35px;
	display: inline-block;
	margin-right:5px;
}
.link li {
 *display:inline;
}
.link li img {
	height: 35px;
}